<template>
  <div class="index">
    <wx-index-navbar>
      <div slot="title">发现</div>
    </wx-index-navbar>
    <div class="mt"></div>
    <div v-for="(item,index) in findIconList" :key="'index'+index">
      <wx-cell :title="item.title" :img=item.img></wx-cell>
      <div v-if="index!==2&&index!==4&&index!==7" class="gub"></div>
    </div>
    <tabbar></tabbar>
  </div>
</template>

<script>
import {findIconList} from "@/data/find";
import Tabbar from "@/components/tabbar/tabbar";
import WxCell from "@/components/wxCell/wxCell";
import WxIndexNavbar from "@/components/wxIndexNavbar/wxIndexNavbar";

export default {
  name: "index",
  components: {WxIndexNavbar, WxCell, Tabbar},
  data() {
    return {
      findIconList
    }
  }
}
</script>

<style scoped>
.index {
  background-color: #EEEEEE;
  width: 100vw;
  height: 93vh;
}

.gub {
  margin-bottom: .2rem;
}
</style>